<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Ratchet template page</title>

    <!-- Sets initial viewport load and disables zooming  -->
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">

    <!-- Makes your prototype chrome-less once bookmarked to your phone's home screen -->
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">

    <!-- Include the compiled Ratchet CSS -->
    <link href="ratchet/ratchet.css" rel="stylesheet">

    <!-- Include the compiled Ratchet JS -->
    <script src="ratchet/ratchet.js"></script>
    
    <script type="text/javascript">
    function login(){
    var name = document.getElementById("name").value;
    var pasw = document.getElementById("pasw").value;
    document.getElementById("pasw").value = name;
    location.href = 'javascript:user.Login(\"+name+\",pasw)';
    }
    </script>

</head>
<body>
<form class="input-group" style = "margin:20px;margin-top:40%;">
    <div style="border: 1px solid #dddddd;border-radius: 3px;">
    <input type="text" placeholder="用户名"  id="name"/>
    <input type="password" placeholder="密码"  id="pasw"/>
    </div>
    <a class="btn btn-positive btn-block" style = "margin-top:20px;height:30px;padding-top:5px;" href="javascript:login()">登录</a>
</form>


</body>
</html>